<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>HTML5宽屏大气大型在线购物网购商城网站模板</title>
    <meta name="keywords" content="HTML5,宽屏大气,大型,在线购物,网购商城"/>
    <meta name="description" content="HTML5宽屏大气大型在线购物网购商城网站模板下载。仿新版京东商城界面网页模板。js代码(www.jsdaima.com)"/>
    <link rel="stylesheet" type="text/css" href="/static/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
    <link rel="stylesheet" href="/static/css/slide.css"/>

    <link href="/static/user_center/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
    <link href="/static/user_center/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

    <link href="/static/user_center/css/personal.css" rel="stylesheet" type="text/css">
    <link href="/static/user_center/css/stepstyle.css" rel="stylesheet" type="text/css">

    <script src="/static/user_center/AmazeUI-2.4.2/assets/js/jquery.min.js" type="text/javascript"></script>
    <script src="/static/user_center/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
</head>

<body>
<!--头 -->
<div class="top_banner">
    <div class="module w1200">
        <a href="javascript:">
            <img src="/static/images/active.jpg"/>
            <i class="icon-close"><img src="/static/images/close.png"/></i>
        </a>
    </div>
</div>
<div class="site-nav" id="site-nav">
    <div class="w w1200">
        <div class="fl">
            <div class="city-choice" id="city-choice" data-ectype="dorpdown">
                <div class="dsc-choie dsc-cm" ectype="dsc-choie">
                    <img src="/static/images/place.png" class="place"/>
                    <input type="text" value="北京" class="search"/>
                </div>

            </div>
            {% if user.is_authenticated %}
            <div class="txt-info" id="ECS_MEMBERZONE">
                <a href="user_center" class="link-login red">{{ user.username }}</a>
                <a href="/logout" class="link-regist">退出登陆</a>

            </div>
            {% else %}
            <div class="txt-info" id="ECS_MEMBERZONE">
                <a href="login" class="link-login red">请登录</a>
                <a href="register" class="link-regist">免费注册</a>
            </div>
            {% endif %}
        </div>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/user_center">个人中心</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/good_car">购物车</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/address">地址</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
        <ul class="quick-menu fr">
            <li>
                <div class="dt">
                    <a href="/">首页</a>
                </div>
            </li>
            <li class="spacer"></li>

        </ul>
    </div>
</div>
<div class="clear"></div>

<b class="line"></b>
<div class="center">
    <div class="col-main">
        <div class="main-wrap">

            <div class="am-cf am-padding">
                <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">绑定邮箱</strong> / <small>Email</small>
                </div>
            </div>
            <hr/>
            <!--进度条-->
            <div class="m-progress">
                <div class="m-progress-list">
							<span class="step-1 step">
                                <em class="u-progress-stage-bg"></em>
                                <i class="u-stage-icon-inner">1<em class="bg"></em></i>
                                <p class="stage-name">验证邮箱</p>
                            </span>
                    <span class="step-2 step">
                                <em class="u-progress-stage-bg"></em>
                                <i class="u-stage-icon-inner">2<em class="bg"></em></i>
                                <p class="stage-name">完成</p>
                            </span>
                    <span class="u-progress-placeholder"></span>
                </div>
                <div class="u-progress-bar total-steps-2">
                    <div class="u-progress-bar-inner"></div>
                </div>
            </div>
            <form class="am-form am-form-horizontal" method="post">
                <div class="am-form-group code">
                    <label for="user-email" class="am-form-label">验证邮箱</label>
                    <div class="am-form-content">
                        <input type="email" id="user-email" name="email_address" placeholder="请输入邮箱地址来接收验证码">
                    </div>

                    <a class="btn" href="#" onclick="sendMobileCode();" id="sendMobileCode">
                        <span id="dyMobileButton" onclick="settime($(this))" class="am-btn am-btn-danger">发送</span>
                    </a>
                </div>
                <div class="am-form-group">
                    <label for="user-code" class="am-form-label">验证码</label>
                    <div class="am-form-content">
                        <input type="tel" id="user-code" placeholder="验证码" name="yzm">
                    </div>

                </div>
                <div class="info-btn">
                    <input type="submit" name="" value="保存修改" class="am-btn am-btn-danger">
                </div>
                {{ csrf_input }}
            </form>

        </div>
        <script>
                        $(function () {
                            $('#doc-my-tabs').tabs();
                        });
                        /*绑定submit方法*/

                        $('#sendMobileCode').bind('click', function () {

                            <!--django csrf认证添加，for ajax-->
                            $.ajaxSetup({
                                data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
                            });
                            <!--django csrf认证添加，for ajax-->
                            <!--获取前端输入数据-->
                            var email = $('#user-email').val();
                            var post_data = {
                                "email": email
                            };
                            <!--ajax请求-->
                            $.ajax({
                                url: 'mod_email/',
                                type: 'POST',   //方法：例如Post/get等等
                                data: post_data, /*客户端发送给服务器传递的参数*/
                                dataType: "json",  /*参数数据类型*/
                                success: function (data) {  //此处的data表示服务器传过来的json数据


                                /*表示有存在错误信息*/

                                var error_info = data['error_info']; //获取错误信息
                                alert(error_info);  //显示错误信息

            }
            });
        });





        </script>
        <!--底部-->
        <div class="footer">
            <div class="footer-hd">
                <p>
                    <a href="#">恒望科技</a>
                    <b>|</b>
                    <a href="#">商城首页</a>
                    <b>|</b>
                    <a href="#">支付宝</a>
                    <b>|</b>
                    <a href="#">物流</a>
                </p>
            </div>
            <div class="footer-bd">
                <p>
                    <a href="#">关于恒望</a>
                    <a href="#">合作伙伴</a>
                    <a href="#">联系我们</a>
                    <a href="#">网站地图</a>
                    <em>© 2015-2025 Hengwang.com 版权所有. 更多模板 <a href="http://www.cssmoban.com/" target="_blank"
                                                               title="模板之家">模板之家</a> - Collect from <a
                            href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></em>
                </p>
            </div>
        </div>
    </div>

</div>

</body>

</html>